
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.b1 {
	text-align: center;
	white-space-collapsing: preserve;
}

.t1 {
	border-collapse: collapse;
	border-spacing: 0;
}

.r1 {
	height: 37.5pt;
}

.r2 {
	height: 25.5pt;
}

.r3 {
	height: 40.5pt;
}

.c1 {
	white-space: pre-wrap;
	text-align: center;
	background-color: silver;
	border-top: thin solid;
	border-right: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	font-weight: bold;
	color: black;
	font-size: 20pt;
}

.c2 {
	white-space: pre-wrap;
	text-align: center;
	border-top: thin solid;
	border-right: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	color: black;
	font-size: 11pt;
}

.c3 {
	white-space: pre-wrap;
	text-align: center;
	background-color: silver;
	border-top: thin solid;
	border-right: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	color: black;
	font-size: 18pt;
}

.c4 {
	white-space: pre-wrap;
    text-align: center;
	border-top: thin solid;
	border-right: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	color: black;
	font-size: 11pt;
}

.c5 {
	white-space: pre-wrap;
	text-align: left;
	border-top: thin solid;
	border-right: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	color: black;
	font-size: 11pt;
}
</style>
</head>
<body class="b1">

	<table class="t1">
		<colgroup>
			<col width="74">
			<col width="160">
			<col width="152">
			<col width="212">
			<col width="85">
			<col width="69">
			<col width="73">
			<col width="86">
			<col width="73">
		</colgroup>
		<tbody>
			<tr class="r1">
				<td class="c1" colspan="9">订 货 单</td>
			</tr>
			<tr class="r2">
				<td class="c2">订单编号</td>
				<td class="c2">${order.no!}</td>
				<td class="c2">下单日期</td>
				<td class="c2">${order.createOrderTime!}</td>
				<td class="c2" colspan="2">预交货日期</td>
				<td class="c2" colspan="3">${order.deliveryDate!}</td>
			</tr>
			<tr class="r2">
				<td class="c2">客户名称</td>
				<td class="c2" colspan="3">${order.customerName!}</td>
				<td class="c2" colspan="2">联系人</td>
				<td class="c2" colspan="3">${order.contacts!}</td>
			</tr>
			<tr class="r2">
				<td class="c2">收货地址</td>
				<td class="c2" colspan="3">${order.address!}</td>
				<td class="c2" colspan="2">联系电话</td>
				<td class="c2" colspan="3">${order.mobilePhone!}</td>
			</tr>
			<tr class="r3">
				<td class="c3" colspan="9">商 品 明 细</td>
			</tr>
			<tr class="r2">
				<td class="c2">序号</td>
				<td class="c2">商品编码</td>
				<td class="c2">商品名称</td>
				<td class="c2">商品规格</td>
				<td class="c2">单价(元)</td>
				<td class="c2">数量</td>
				<td class="c2">计量单位</td>
				<td class="c2">金额小计(元)</td>
				<td class="c2">备注</td>
			</tr>
			<#list order.items as oi> 
			<tr class="r2">
				<td class="c4">${oi_index+1}</td>
				<td class="c2">${oi.materialCode!}</td>
				<td class="c2">${oi.materialName!}</td>
				<td class="c2">${oi.spec!}</td>
				<td class="c4">${oi.unitPrice!}</td>
				<td class="c4">${oi.countNum!}</td>
				<td class="c2">${oi.unitName!}</td>
				<td class="c4">${oi.totalAmount!}</td>
				<td class="c2">${oi.remark!}</td>
			</tr>
			</#list>
			
			<tr class="r2">
				<td class="c5" colspan="5">合计：</td>
				<td class="c2">${order.totalNum!}</td>
				<td class="c2">&nbsp;</td>
				<td class="c4">${order.amount!}</td>
				<td class="c2">&nbsp;</td>
			</tr>
		</tbody>
	</table>


</body>
<script type="text/javascript"> 
 window.onload=function(){ if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { 
 alert('您的浏览器需要您同时按下 CTRL + P 来打印'); 
 }else{
 window.print(); 
} 
 } 
 </script>
</html>
